﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="HelfenHelfen.Web.Forms.Site.Register" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

<STYLE type="text/css">
   .info .rowsmall { text-align:right; margin-bottom:.5em; margin-right:1em;}
   .info .rowsmall  input { margin-left:.5em; width:100px; }
</STYLE>

   <div class="info">
      <br />
      <div class="center prefix-3 span-11 suffix-3 last">
         <div class="box">
            <asp:CreateUserWizard ID="RegisterUser" runat="server" LoginCreatedUser="true" FinishDestinationPageUrl="~/Default.aspx"
                                  OnCreatedUser="RegisterUser_CreatedUser" OnCreateUserError="CreateUserWizard1_CreatingUserError" OnFinishButtonClick="CreateUserWizard1_FinishButtonClick"> 
               <LayoutTemplate> 
                  <asp:PlaceHolder ID="headerPlaceholder" runat="server" /> 
                  <asp:PlaceHolder id="wizardStepPlaceholder" runat="server" /> 
                  <asp:PlaceHolder id="navigationPlaceholder" runat="server" /> 
               </LayoutTemplate> 
               <HeaderTemplate> 
                  <div id="loginheader">
                     <img src="/img/register.png" alt="Login" />
                  </div>
               </HeaderTemplate> 
               <StartNavigationTemplate>
                  <div id="divStart" runat="server" class="rowsmall">
                     <asp:Button ID="StartNextButton" runat="server" CommandName="MoveNext" Text="Weiter" CssClass="float" />
                  </div>
               </StartNavigationTemplate>
  
               <WizardSteps>
                  <asp:WizardStep ID="CreateUserWizardStep0" runat="server" StepType="Start">
                     <div class="row">
                        <asp:Label ID="lblFirstName" runat="server" AssociatedControlID="txtFirstName">Vorname</asp:Label>
                        <asp:TextBox ID="txtFirstName" runat="server" />
                     </div>
                     <div class="row">
                        <asp:Label ID="lblLastName" runat="server" AssociatedControlID="txtLastName">Nachname</asp:Label>
                        <asp:TextBox ID="txtLastName" runat="server" />
                     </div>
                     <div class="row">
                        <asp:Label ID="lblStreet" runat="server" AssociatedControlID="txtStreet">Strasse</asp:Label>
                        <asp:TextBox ID="txtStreet" runat="server" />
                     </div>
                     <div class="row">
                        <asp:Label ID="lblZip" runat="server" AssociatedControlID="txtZip">PLZ</asp:Label>
                        <asp:TextBox ID="txtZip" runat="server" />
                     </div>
                     <div class="row">
                        <asp:Label ID="lblCity" runat="server" AssociatedControlID="txtCity">Stadt</asp:Label>
                        <asp:TextBox ID="txtCity" runat="server" />
                     </div>
                     <div class="row">
                        <asp:Label ID="lblCountry" runat="server" AssociatedControlID="txtCountry">Ländercode</asp:Label>
                        <asp:TextBox ID="txtCountry" runat="server" />
                     </div>
                     <div class="row">
                        <asp:Label ID="lblPhone" runat="server" AssociatedControlID="txtPhone">Telefonnummer</asp:Label>
                        <asp:TextBox ID="txtPhone" runat="server" />
                     </div>
                     <div class="row">
                        <asp:Label ID="lblPicture" runat="server" AssociatedControlID="ctlPicture">Foto</asp:Label>
                        <asp:FileUpload ID="ctlPicture" runat="server" />
                     </div>
                  </asp:WizardStep>
                  
                  <asp:CreateUserWizardStep ID="RegisterUserWizardStep" runat="server"   >
                     <ContentTemplate>
                        <div class="row">
                           <asp:Label ID="lblUserName" runat="server" AssociatedControlID="UserName">Benutzername</asp:Label>
                           <asp:TextBox ID="UserName" runat="server" />
                        <asp:RequiredFieldValidator runat="server" ID="valUserName" ControlToValidate="UserName"
                              ErrorMessage="Benutzername ist erforderlich." Display="Dynamic"  ValidationGroup="RegisterUser">   *</asp:RequiredFieldValidator>
                        </div>
                        <div class="row">
                           <asp:Label ID="lblPassword" runat="server" AssociatedControlID="Password">Passwort</asp:Label>
                           <asp:TextBox ID="Password" runat="server" TextMode="Password" />
                        <asp:RequiredFieldValidator runat="server" ID="valPassword" ControlToValidate="Password"
                              ErrorMessage="Passwort ist erforderlich." Display="Dynamic"  ValidationGroup="RegisterUser">*</asp:RequiredFieldValidator>
                        </div>
                        <div class="row">
                           <asp:Label ID="lblConfirmPassword" runat="server" AssociatedControlID="ConfirmPassword">Passwort Bestätigen</asp:Label>
                           <asp:TextBox ID="ConfirmPassword" runat="server" TextMode="Password" />
                        <asp:RequiredFieldValidator runat="server" ID="valConfirmPassword" ControlToValidate="ConfirmPassword"
                              ErrorMessage="Passwort Bestätigung ist erforderlich." Display="Dynamic"  ValidationGroup="RegisterUser">*</asp:RequiredFieldValidator>
                        <asp:CompareValidator ID="valPwdCompare" runat="server" ControlToCompare="Password"
                              ControlToValidate="ConfirmPassword" Display="Dynamic" ErrorMessage="The Password and Confirmation Password must match."  ValidationGroup="RegisterUser" />   
                        </div>
                        <div class="row">
                           <asp:Label ID="lbl" runat="server" AssociatedControlID="Email">EMail</asp:Label>
                           <asp:TextBox ID="Email" runat="server" />
                        <asp:RequiredFieldValidator runat="server" ID="valEmail" ControlToValidate="Email"
                              ErrorMessage="Email ist erforderlich." Display="Dynamic"  ValidationGroup="RegisterUser">*</asp:RequiredFieldValidator>
                        </div>
                        <div class="row">
                           <asp:Label ID="lblQuestion" runat="server" AssociatedControlID="Question">Frage</asp:Label>
                        <asp:TextBox ID="Question" runat="server" />   
                        <asp:RequiredFieldValidator runat="server" ID="valQuestion" ControlToValidate="Question"
                              ErrorMessage="Frage ist erforderlich." Display="Dynamic"  ValidationGroup="RegisterUser">*</asp:RequiredFieldValidator>
                        </div>
                        <div class="row">
                           <asp:Label ID="lblAnswer" runat="server" AssociatedControlID="Answer">Antwort</asp:Label>
                           <asp:TextBox ID="Answer" runat="server" />
                           <asp:RequiredFieldValidator runat="server" ID="valAnswer" ControlToValidate="Answer"
                                   ErrorMessage="Antwort ist erforderlich." Display="Dynamic"  ValidationGroup="RegisterUser">*</asp:RequiredFieldValidator>
                        </div>
                        <div runat="server" id="divError" class="row">
                           <asp:Literal ID="lblErrorMessage" runat="server" EnableViewState="False"/>
                           <asp:ValidationSummary ID="valSum" CssClass="error" runat="server" HeaderText="Fehler:"  ValidationGroup="RegisterUser" Display="Dynamic" />   
                        </div>
                     </ContentTemplate>
                     <CustomNavigationTemplate>
                        <div id="divStep" runat="server" class="rowsmall">
                           <span></span><asp:Button ID="StepPreviousButton" runat="server" CausesValidation="False" CommandName="MovePrevious" Text="Zurück" CssClass="float"/>
                           <asp:Button ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Registrieren"  CssClass="float" /></span>
                        </div>
                     </CustomNavigationTemplate>
                  </asp:CreateUserWizardStep>
                  
                  <asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
                     <ContentTemplate>
                        <div id="loginheader"> 
                           <img src="/img/register.png" alt="Login" />
                        </div>
                        <p>
                           Your account has been successfully created.
                        </p>
                        <div class="rowsmall">
                           <asp:Button ID="ContinueButton" runat="server" CausesValidation="False" 
                                       CommandName="MoveComplete" Text="Continue" ValidationGroup="CreateUserWizard1" CssClass="float" />
                        </div>
                     </ContentTemplate>
                  </asp:CompleteWizardStep>
               </WizardSteps>
            </asp:CreateUserWizard>
         </div> <!-- .box -->
      </div> <!-- .center -->
   </div> <!-- .info -->
</asp:Content>
